{% extends "base.html" %}
{% block main %}
    <div style="background: url('../static/images/bg.jpg'); min-height: 700px;padding-left: 30px;padding-top: 20px;">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">>
            <ol class="carousel-indicators">
{#                {% for carousel_page in carousel_page_list %}#}
{#                    {% if forloop.first%}#}
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
{#                    {% else %}#}
                        <li data-target="#myCarousel" data-slide-to="1"></li>
{#                    {% endif%}#}

{#                {% endfor %}#}
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner" role="listbox">
{#                {% for carousel_page in carousel_page_list %}#}
{#                    {% if forloop.first%}#}
                    <div class="item active">
                        <a href="http://www.baidu.com">
                            <img src="../static/images/shouye/asm-carousel.jpg" alt="百度一下">
                            <div class="carousel-caption">
                                <h4>百度一下</h4>
{#                                {% autoescape off%}#}
{#                                {{carousel_page.summary}}#}
{#                                {% endautoescape %}#}
                            </div>
                        </a>
                    </div>
{#                    {% else %}#}
                    <div class="item">
                        <a href="http://www.qq.com">
                            <img src="../static/images/shouye/asm-carousel.jpg" alt="腾讯官网">
                            <div class="carousel-caption">
                                <h4>腾讯官网</h4>
{#                                {% autoescape off%}#}
{#                                {{carousel_page.summary}}#}
{#                                {% endautoescape %}#}
                            </div>
                        </a>
                    </div>
{#                    {% endif%}#}
{#                {% endfor %}#}
            </div>
            <!-- 轮播（Carousel）导航 -->
             <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
        </div>
        <br>
        <!-- 论坛博客列表-->
        <div class="fa-home well clearfix" style="width: 960px;">
            <div class="post-title underline clearfix">
                <a href="http://www.baidu.com">
                    <div class="pre-cat">
                        <div class="pre-catinner btn">
                            Django
                        </div>
                        <div class="pre-catarrow">
                        </div>
                    </div>
                </a>
                <h4>
                    <a href="http://www.baidu.com">百度一下</a>
                </h4>
                <div class="post-info" style="padding-bottom: 5px;">
                    <span>
                        <span class="glyphicon glyphicon-calendar"></span>
                        2015-08-20
                    </span>
                    <span>
                        <span class="glyphicon glyphicon-comment"></span>
                        10
                    </span>
                    <span>
                        <span class="glyphicon glyphicon-eye-open"></span>
                        3000
                    </span>
{#                    <div class="post-tags">#}
{#                        {% for tag in post.get_tags%}#}
{#                        <a href="www.baidu.com" class="hidden-xs">#}
{#                            <span class="label label-vmaig-1 btn">Django</span>#}
{#                        </a>#}
{#                        {% endfor %}#}
{#                        <a class="visible-xs-inline-block">#}
{#                            <span class="label label-vmaig-2 btn ">...</span>#}
{#                        </a>#}
{##}
{#                    </div>#}

                </div>
            </div>
            <div class="post-content">
                <div class="row">
                    <div class="col-sm-4" style="padding-top: 10px;">
                        <figure class="thumbnail">
                            <a href="www.baidu.com">
                                <img src="../static/images/shouye/asm-carousel.jpg"  height="300" alt="">
                            </a>
                        </figure>
                    </div>
                    <div class="col-sm-8" style="padding-top: 10px;">
                        <p>
                        {% autoescape off%}
                        更新日志 2015/5/15 从django1.6 升级到 django1.8 (git中还保留django1.6 分支) 概述 vmaig_blog 是一个基于 Django1.8 跟 Bootstrap3 开发的 博客系统 ，实现了一个博客完整的功能。 http://vmaig.com 就是基于vmaig_blog 搭建的。 实现功能 1. 文章,分类,专栏的添加，删除，修改。支持所有的都是还有
                        {% endautoescape %}
                        {% if post.summary|length > 200 %}
                            ...
                        {% endif %}
                        </p>
                        <div style="padding-top: 30px;">
                            <a type="button" class="btn btn-info pull-right hidden-xs"  href="www.baidu.com">阅读全文</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
    </div>

    <!-- jQuery -->
    <script src="../static/js/jquery.js"></script>
{#    <script src="../static/js/sweet-alert.min.js"></script>#}
{#    <link rel="stylesheet" type="text/css" href="../static/css/sweet-alert.css">#}
    <link rel="stylesheet" type="text/css" href="../static/css/blog.css">

    <!-- Bootstrap Core JavaScript -->
    <script src="../static/js/bootstrap.min.js"></script>
{% endblock %}

</body>

</html>
